.event-edit-container {
    min-height: 100vh;
    background-color: #f5f5f5;
  }
  
  .left {
    width: 60rpx;
    height: 60rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .title {
    font-size: 36rpx;
    font-weight: 500;
    color: #333;
  }
  
  .right {
    padding: 0 20rpx;
  }
  
  .save-btn {
    color: #007AFF;
    font-size: 32rpx;
  }
  
  .form-container {
    padding: 20rpx 0;
  }
  
  .form-item {
    display: flex;
    align-items: center;
    padding: 30rpx;
    background-color: #fff;
    margin-bottom: 2rpx;
    position: relative;
  }
  
  .form-item.no-border {
    border-bottom: none;
  }
  
  .label {
    width: 180rpx;
    font-size: 32rpx;
    color: #007AFF;
  }
  
  .value-container {
    flex: 1;
    display: flex;
    align-items: center;
  }
  
  .selected-user, .participant {
    display: flex;
    align-items: center;
    margin-right: 20rpx;
  }
  
  .avatar-container {
    width: 60rpx;
    height: 60rpx;
    border-radius: 30rpx;
    overflow: hidden;
    margin-right: 10rpx;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .avatar {
    width: 100%;
    height: 100%;
  }
  
  .avatar-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF6B6B;
    color: #fff;
    font-size: 28rpx;
    font-weight: bold;
  }
  
  .participants-list {
    display: flex;
    flex-wrap: wrap;
  }
  
  .type-tag, .status-tag {
    padding: 6rpx 20rpx;
    border-radius: 6rpx;
    font-size: 28rpx;
  }
  
  .type-tag {
    background-color: #F0F7FF;
    color: #007AFF;
  }
  
  .status-pending {
    background-color: #FFF0F0;
    color: #FF5252;
  }
  
  .status-abandoned {
    background-color: #F5F5F5;
    color: #666;
  }
  
  .status-completed {
    background-color: #F0FFF0;
    color: #4CAF50;
  }
  
  .date-time {
    display: flex;
    align-items: center;
  }
  
  .date {
    margin-right: 10rpx;
  }
  
  .event-title-input {
    width: 100%;
    height: 80rpx;
    font-size: 32rpx;
  }
  
  .event-content-input {
    width: 100%;
    height: 200rpx;
    font-size: 28rpx;
  }
  
  .add-image {
    display: flex;
    align-items: center;
    margin-top: 20rpx;
  }
  
  .add-image-icon {
    margin-right: 20rpx;
  }
  
  .add-image-text {
    color: #333;
    font-size: 28rpx;
  }
  
  // 人员选择弹窗样式
  .contact-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
  
  .popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .popup-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 20rpx 20rpx 0 0;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
  }
  
  .popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30rpx;
    border-bottom: 1px solid #f0f0f0;
  }
  
  .popup-left, .popup-right {
    min-width: 120rpx;
  }
  
  .popup-left {
    color: #333;
    font-size: 28rpx;
  }
  
  .popup-title {
    font-size: 32rpx;
    font-weight: 500;
    color: #333;
  }
  
  .popup-right {
    text-align: right;
  }
  
  .confirm-btn {
    color: #007AFF;
    font-size: 28rpx;
  }
  
  .filter-tabs {
    display: flex;
    padding: 20rpx 30rpx;
    border-bottom: 1px solid #f0f0f0;
  }
  
  .filter-tab {
    padding: 10rpx 30rpx;
    margin-right: 20rpx;
    border-radius: 30rpx;
    font-size: 28rpx;
    color: #666;
    background-color: #f5f5f5;
  }
  
  .filter-tab.active {
    color: #fff;
    background-color: #007AFF;
  }
  
  .contacts-list {
    flex: 1;
    overflow-y: auto;
    padding: 20rpx 0;
  }
  
  .contact-item {
    display: flex;
    align-items: center;
    padding: 20rpx 30rpx;
    position: relative;
  }
  
  .contact-avatar {
    width: 80rpx;
    height: 80rpx;
    border-radius: 40rpx;
    overflow: hidden;
    margin-right: 20rpx;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .avatar-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF6B6B;
    color: #fff;
    font-size: 28rpx;
    font-weight: bold;
  }
  
  .contact-name {
    flex: 1;
    font-size: 28rpx;
    color: #333;
  }
  
  .contact-checkbox {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
    border: 2rpx solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .contact-checkbox.selected {
    background-color: #007AFF;
    border-color: #007AFF;
  }
  
  // 状态选择弹窗样式
  .status-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
  
  .popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .popup-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 20rpx 20rpx 0 0;
    overflow: hidden;
  }
  
  .status-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30rpx;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    font-size: 32rpx;
    font-weight: 500;
  }
  
  .close-btn {
    position: absolute;
    right: 30rpx;
    top: 30rpx;
  }
  
  .status-options {
    padding: 20rpx 0;
  }
  
  .status-option {
    display: flex;
    align-items: center;
    padding: 30rpx;
  }
  
  .status-radio {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
    border: 2rpx solid #ddd;
    margin-right: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .status-radio.selected {
    border-color: #007AFF;
  }
  
  .radio-inner {
    width: 24rpx;
    height: 24rpx;
    border-radius: 50%;
    background-color: #007AFF;
  }
  
  .status-text {
    font-size: 30rpx;
    color: #333;
  }
  
  /* 修改表单容器样式 */
  .form-container {
    height: calc(100vh - 44px - var(--status-bar-height));
    padding-top: 20rpx;
    box-sizing: border-box;
  }
  
  /* 底部保存按钮样式 */
  .bottom-save-button {
    position: fixed;
    bottom: 20rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 90rpx;
    background-color: #007AFF;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32rpx;
    font-weight: 500;
    z-index: 100;
    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.2);
    border-radius: 45rpx;
    margin-bottom: env(safe-area-inset-bottom);
  }
  
  // 添加类型标签样式
  .type-tag {
    display: flex;
    align-items: center;
    padding: 4rpx 12rpx;
    border-radius: 8rpx;
    font-size: 14px;
    gap: 4rpx;
    background-color: #F0F7FF;
    color: #007AFF;
  }
  
  .placeholder {
    color: #999999;
  }
  
  .value-with-arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
  }
  
  // 添加图片列表样式
  .image-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20rpx;
    padding: 20rpx 0;
  }
  
  .image-item {
    position: relative;
    width: 200rpx;
    height: 200rpx;
    border-radius: 8rpx;
    overflow: hidden;
    
    image {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .delete-btn {
      position: absolute;
      top: 10rpx;
      right: 10rpx;
      width: 40rpx;
      height: 40rpx;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      
      .delete-icon {
        color: #fff;
        font-size: 32rpx;
        line-height: 1;
      }
    }
  }
  
  .add-image {
    width: 200rpx;
    height: 200rpx;
    border: 2rpx dashed #ddd;
    border-radius: 8rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    
    .add-image-icon {
      margin-bottom: 10rpx;
    }
    
    .add-image-text {
      font-size: 24rpx;
      color: #999;
    }
  }